import React, { memo } from "react";

import "./index.scss";
import { getSizeImage } from "@/utils/format-utils";


const WYRadioRankingCover = memo(function (props) {
  const {info} = props
  return (
    <div className="wy-radio-rank-cover">
      <a href="/#">
        <img
          src={getSizeImage(info.picUrl,120)}
          alt=""
        />
      </a>
      <div className="info">
        <h2 className="title">{info.name}</h2>
        <div className="nickname sprite_icon2">
          <i className="sprite_icon2 left"></i>
          {info.dj.nickname}
        </div>
        <div className="count">
          <span>共{info.programCount}期</span>
          <span className="subscribe">订阅{info.subCount}次</span>
        </div>
      </div>
    </div>
  );
});

export default WYRadioRankingCover;
